*{
    margin: 0;
    padding: 0;
}
.box{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.b-left{
    width: .5208rem;
    background: #f5f8fe;
}
.column{
    font-size: .0833rem;
    width: 100%;
    height: .2813rem;
    color: #2d2d2d;
    text-align: center;
    line-height: .281rem;
    font-weight: 600;
}
.active{
    color: #ffffff;
    background: #3644bf;
}
.b-right{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.nav{
    width: 100%;
    height: .3229rem;
    background: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    .tag:hover{
        text-decoration: underline;
    }
}
.tag{
    text-align: center;
    width: .625rem;
    font-size: .0833rem;
    font-weight: 600;
    color: #2d2d2d;
}
.tag:first-child{
    margin-left: .125rem;
}
.shop{
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    font-size: .0833rem;
    margin-left: .0625rem;
}
.s-div{
    // width: 1.2813rem;
    width: 19%;
    background: #ffffff;
    margin: .0729rem 0;
}
.d-top{
    width: 90%;
    height: 1.1771rem;
    margin: .0729rem auto;
    img{
        width: 100%;
        height: 100%;
    }
}
.d-title{
    margin: 0 .0625rem;
    font-size: .0938rem;
    font-weight: 400;
    text-align: left;
    color: #2d2d2d;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.d-number{
    display: flex;
    justify-content: space-between;
    margin: .0729rem .0625rem;
}
.d-price{
    color: #f73f11;
    font-size: .0729rem;
    p{
        display: inline-block;
        font-size: .1042rem;
    }
}
.d-num{
    font-size: .0625rem;
    font-weight: 400;
    text-align: left;
    color: #232481;
    display: flex;
    align-items: center; 
}
.d-company{
    font-size: .0729rem;
    font-weight: 400;
    text-align: left;
    color: #8f8f8f;
    margin: .0625rem .0625rem;
}